<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./src/vue.js"></script>

</head>
<body>

    <div id="app">
        <p>你好, {{msg}}</p>
        <p>假数据</p>
    </div>




    <script>
        var message = 'hello,miaov';
        // 根实例 启动应用
        // 传入一个对象作为参数,称之为选项对象, 告诉vue 做什么事情
        // var app = document.getElementById('app')
       var vm = new Vue({
            el: '#app', //挂载点! element ,可以写css选择器 node 节点
            template:'<h1>你好, {{msg}}</h1>', //说明挂载点内的内容为template
            data:{ // 数据对象 上的属性都会放在实例上
                msg : message

            }
        })

        console.log(vm)

    </script>


</body>
</html>